<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>AI-Blocks</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/scrolling-nav.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav" style="background-color: #000 !important">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#start"><img src="images/PortableBoxAlpha6.png" width="50"/> Get Started!</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="tutorials.html">Tutorials</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="start.html">Documentation</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#start">Download</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#contact">Github</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="bg-primary text-white" style="background:url(images/scbg.jpg)">
      <div class="container text-center">
        <h1>Start doing Machine Learning right now!</h1>
        <p class="lead">Spend time creating models, not implementing them. </p>
      </div>
    </header>

    <section id="about">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>AI-Blocks</h2>
            <iframe src="https://ghbtns.com/github-btn.html?user=MrNothing&repo=AI-Blocks&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>
            <a href="https://twitter.com/smilefr21?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-screen-name="false" data-show-count="true">Follow @smilefr21</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
            <p class="lead">The concept of AI-Blocs is to have a simple scene with draggable objects that have scripts attached to them. The model can be run directly on the editor or be exported to a standalone script that runs on Tensorflow.<br/>
            <p><img src="https://raw.githubusercontent.com/MrNothing/AI-Blocks/master/ScreenShots/sc2.png" width="500"/></p>
            <p>Variables are parsed from python scripts and can be edited from the AI-Blocs properties panel.</p>
            <p><img src="https://raw.githubusercontent.com/MrNothing/AI-Blocks/master/ScreenShots/sc3.png" width="500"/></p>
            <p>To run your model simply press the "Play" button and let the magic happen!</p>
            <p><img src="https://raw.githubusercontent.com/MrNothing/AI-Blocks/master/ScreenShots/sc6.png"></p>
          </div>
        </div>
      </div>
    </section>

    <section id="start" class="bg-light">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>Get Started!</h2>
            <p><img width="700" src="https://raw.githubusercontent.com/MrNothing/AI-Blocks/master/ScreenShots/sc5.png"></p>
            <p class="lead">Check out the quick start guide <a href="start.html">here</a>, or download the latest build from <a href="https://github.com/MrNothing/AI-Blocks/releases">here</a></p>
            <p>
              Tutorials can be found <a href="tutorials.html">here</a>. 
            </p>
          </div>
        </div>
      </div>
    </section>

    <section id="contact" class="bg-light">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>Github</h2>
            <p class="lead">Check the project on <a href="https://github.com/MrNothing/AI-Blocks">Github</a></p>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer class="py-5 bg-dark">
      <div class="container">
        <p class="m-0 text-center text-white">Copyright &copy; AI-Blocks 2017</p>
      </div>
      <!-- /.container -->
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom JavaScript for this theme -->
    <script src="js/scrolling-nav.js"></script>

  </body>

</html>
